大家好！歡迎來到我的30天鐵人賽系列文章。我是一名24歲的平面設計師，但比較喜歡網頁設計並之後打算投入相關產業，目前正在自主學習中，今年6月報名了六角學院2024夏季切版直播班，決定藉此機會把學習過程的心得及知識記錄下來

為什麼要寫這個系列？

因為過去有自學過切版，但是切得毫無章法，至少我現在看以前的程式碼會覺得頭很痛XD，因此這次想要有系統的學習，把學到的知識點記錄下來方便複習

本次鐵人文章內容

在這30天裡，我主要會分享自己在學習過程中遇到不熟悉的知識點，並以這些知識點來解決實際案例。另外先聲明這並不是一個從零開始的教學，而是我個人學習歷程的小筆記，並且因為我真的超菜，可能會有一些實戰上不那麼好的方法或知識，但即便如此我還是想要記錄下來，希望通過分享一些"卡關"的時刻和解法，可能會幫助到和我有相似經歷的朋友們

採用設計稿

為了讓筆記更有針對性和實用性，我會借用六角學院提供的一份實際設計稿為例，並運用學到的Bootstrap（沒錯很基礎但我本來不會）來進行切版。在這個過程中，我會透過知識點來拆解設計稿區塊，以下圖為例:怎麼使用bootstrap卡片元件來客製化此區塊，這部份便涉及自定義bootstrap的margin、padding及顏色等，也正好是我當初練習時疑惑的一個地方

題外話時間

如果比較有空，我會盡量在每篇結尾都放一個議題來討論，主題則是隨緣~

今天想跟大家聊的是投入網頁設計師跟前端工程師這塊，雖然我的標題叫做「2024學網頁切板不嫌晚」，但我常常在網路上看到別人說AI工具可以取代前端或設計，例如使用Builder.IO來生成畫面再用figma to code輸出程式碼，我用過也確實很佩服科技的發展，不過我會覺得這終究不是自己的作品，尤其是程式碼的部分如果沒學好CSS根本就看不懂，更別說想修改它，那麼回到主題，現在學網頁前端算晚嗎，老實說我還是不知道，但我知道如果不學習基本的知識，只會對AI詠唱，你得到的也只會是一堆廉價的東西，而就算哪天AI真的進步到可以做出完全不用修改的成品，那似乎也沒辦法，至少，我有努力過了